<template>
	<div>
		<div style="font-size: 13px;color: #515a6e;">
			<div>客户名称：{{ activeOrderItem.customerName }}</div>
			<div>生产品种：{{ activeOrderItem.productName }}</div>
			<div>生产批号：{{ activeOrderItem.batchList ? activeOrderItem.batchList.map(x => x.batchCode).join(',') : '' }}</div>
			<div>交货日期：{{ `${activeOrderItem.deliveryDateFrom}~${activeOrderItem.deliveryDateTo}` }}</div>
			<div>订单数量：{{ activeOrderItem.orderQty }}</div>
			<div>完工数量：{{ activeOrderItem.completionQty }}</div>
			<el-divider>
				<span style="font-size: 13px;color: #515a6e;">
					<i class="el-icon-box item-gap"></i>机台明细
				</span>
			</el-divider>
			<el-row>
				<el-col
					v-for="(processItem, processIndex) in activeOrderItem.processList"
					:key="processIndex"
					:span="6"
					class="flex-start-center"
				>
					<span>{{ processItem.processName }}：</span>
					<span>{{ processItem.productOrderMachineList.length }}</span>
				</el-col>
			</el-row>
		</div>
	</div>
</template>

<script>
    import colorMixin from '../colors-mixin';

    export default {
        mixins: [colorMixin],
        components: {
        },
        props: {
            activeOrderItem: {
                type: Object,
                default() {
                    return {};
                }
            }

        },
        data() {
            return {
            };
        },
        methods: {
            onSelectMachineItem() {
                this.$emit('on-status', JSON.parse(JSON.stringify(this.activeLayoutItem)));
            }
        }
    };
</script>
